*{ margin:0px; padding:0px}
body{ font-family:"΢ÈíÑźÚ"; font-size:14px; color:#000000; border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; color:#FF6600}

.clear{ clear:both;}

.tb{ width:100%; margin:0px auto; height:15px;}
.tbyc{ max-width:1300px; margin:0px auto; text-align:right; line-height:25px }
.tbyc a{ padding-left:6px}
@media screen and (max-width:1310px){
.tbyc{ width:95%;}
}
@media screen and (max-width:640px){
.tb{ display:none}	
}
#topnav{ margin:0px auto; height:130px; max-width:1300px}
.logo{ float:left; max-width:500px; padding-right:1%}
.logo_m{ float:left; height:50px; margin-top:40px; font-size:15px; text-align:center; width:355px; border-left:1px #CCCCCC solid}
.logo_m span{ font-size:25px; padding-top:1%}
.logo_m em{ font-style:normal; display:block}
.logo_r{ float:right; max-width:300px}
.logo span{  font-size:30px; color:#FF0000; float:right; margin-top:50px; font-weight:bold}
@media screen and (max-width:1310px){
	#topnav{ width:95%}
}
@media screen and (max-width:1240px){
.logo_r{max-width:260px}
.logo_r img{ width:100%}
.logo{max-width:460px}
.logo img{ width:100%}
}
@media screen and (max-width:1151px){
.logo_m{ display:none}
}
@media screen and (max-width:773px){
#topnav{ height:auto}
.logo_r{ display:none}
.logo{ float:none; margin:0 auto; padding-right:0; text-align:center}
.logo img{ vertical-align:middle}
}
@media screen and (max-width:500px){
	.logo img{ width:98%; margin:0 auto}

}

#nav1{ width:100%; margin:0px auto;background:#0088CE;}
#nav{ max-width:1300px; margin:0px auto;font-family:"΢ÈíÑźÚ"}
#nav ul{ list-style-type:none}
#nav ul li{ float:left; width:14.2%; text-align:center; background:url(../images/nav_x.jpg) no-repeat right center; display:block;line-height:58px; }
#nav ul li:last-child{ background:none}
#nav ul li a{ color:#FFFFFF; text-align:center; font-size:15px}
#current{  display:inline-block}
@media screen and (max-width:1310px){
#nav{ width:95%}
}
@media screen and (max-width:620px){
#nav ul li:nth-child(6){ display:none }
#nav ul li{ width:33%; line-height:40px}
#nav ul li:nth-child(3){ background: none}
}

/*ban*/
.slider-focus{position:relative;width:100%;overflow:hidden;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:0;line-height:24px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;width:25px;height:15px;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;cursor:pointer; border-radius:10px; background:#FFF}
.slider-focus .hd li.on{background:#2dd40c;}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center;}
.slider-focus .bd li img{vertical-align:top;width:100%;/* ͼƬ¿í¶È100%£¬´ïµ½×ÔÊÊӦЧ¹û */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:280px;display:block;}  /* È¥µôÁ´½Ó´¥Ãþ¸ßÁÁ */
@media screen and (max-width: 425px){
	.slider-focus .bd li a{width:100%;height:250px;}
}

@media screen and (min-width: 426px){
	.slider-focus .bd li a{width:100%;height:250px;}
}
@media screen and (min-width: 768px){
	.slider-focus .bd li a{width:100%;height:320px;}
}
@media screen and (min-width: 992px){
	.slider-focus .bd li a{width:100%;height:440px;}
}
@media screen and (min-width: 1300px){
	.slider-focus .bd li a{width:100%;height:520px;}
}

@media screen and (min-width: 1400px){
	.slider-focus .bd li a{width:100%;height:550px;}
}

@media screen and (min-width: 1600px){
	.slider-focus .bd li a{width:100%;height:650px;}
}

.Toubu{width: 100%;background:#f1f1f1;}
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top:24px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #555555;line-height: 34px;text-indent: 2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: block;position: absolute;right: 0;bottom: 24px;width: 26px;height: 20px;}
.root .wzgg img {display: block;width: 26px;height: 20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1305px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1054px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
.root{ height:auto}
}
@media only screen and (max-width:913px) { 
.root .wzgg{ height:auto}
}
@media only screen and (max-width:876px) { 
.root .wzgg{ line-height:26px; width:63%}
}
@media only screen and (max-width:768px) { 
.Toubu{ background:none}
.root{ background:#333; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#333; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{ width:100%; height:auto; color:#fff; padding-top:0%}
.root .wzgg h1{ display:none}
.root .wzgg h2{ display:none}
.root .wzgg p{ display:none}
.root .wzgg h3{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center;border-radius:50px; background:#FFFFFF; color:#0c65bf; display:block; margin-top:3%;} 
}

.wark{ width:1400px; margin:0 auto}
@media only screen and (max-width:1410px) { 
.wark{ width:95%;}
}
.tops {text-align: center;padding-top:12px;box-sizing: content-box;padding-bottom:14px; margin-bottom:10px}
.tops .p1 {font-family: Arial;font-size:50px;font-weight: bold;font-stretch: normal;line-height: 74px;letter-spacing: 0px;color: #999999;opacity: 0.12;}
.tops h3 {font-weight: bold;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #0256ac;margin-top: -60px;font-size: 35px;}
.tops .p2 {font-family: Arial;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 3px;color: #333333;}
@media screen and (max-width:680px){
.tops .p1{ font-size:60px}
.tops h3{ font-size:30px}
}
@media screen and (max-width:422px){
	.tops{ padding-top:15px}
	.tops .p1{ font-size:35px}
}
.pro .center { max-width: 1200px;height:50px; background-color: #f8f8f8;border-radius: 33px;text-align: center;margin:0 auto}
.pro .center a {font-size: 16px;font-weight: normal;font-stretch: normal;line-height:50px;letter-spacing: 0px;color: #333333;transition: 0.7s;}
.pro .center a:last-of-type {border: none;margin-right: 0px;padding-right: 0px;box-sizing: content-box;padding-left: 0px;margin-left: 0px;}
.pro .center a:last-of-type:after {content: '';display: none;}
.pro .center a:last-of-type:before {content: '';display: none;}
.pro .center a:hover {color: #0256ac;}
.pro .center a:after {content: '/';font-size: 16px;font-weight: normal;font-stretch: normal;line-height:50px;letter-spacing: 0px;color: #dedede; box-sizing: content-box;padding: 0 30px;}
@media screen and (max-width: 1210px){
.pro .center { width:95%}
}
@media screen and (max-width:1017px){
.pro .center { padding:0 1%}
.pro .center a:after{ padding:0 2%}
}
@media screen and (max-width:710px){
.pro .center { height: auto;}
.pro .center a{ line-height:35px}
.pro .center a:after { line-height:35px}
}

.cpne{ width:80%;margin:0 auto; padding-top:10px}
.cpne ul {font-size: 0px; }
.cpne ul li {display: inline-block;width:24.6%;height: auto;margin: 0 0.2%;margin-bottom:5px;position: relative;transition: 0.7s;}
.cpne ul li .img {width: 100%;height: 100%;display: block;overflow: hidden;}
.cpne ul li .img img {width: 100%;height: 100%;transition: 0.7s;}
.cpne ul li p { position: absolute;bottom: 0px;left:20%;width:60%;box-sizing: content-box;padding: 0 1%;height:35px;background-color: #f8f8f8;  border-radius: 10px 10px 0px 0px;opacity:0.8;}
.cpne ul li p .a1 {float: left;font-size: 14px;font-weight: normal;font-stretch: normal;line-height:35px;letter-spacing: 0px;color: #333333;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;text-align: left;opacity:1;}
.cpne ul li p .a2 {float: right;font-family: Arial;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 35px;letter-spacing: 0px;color: #999999;transition: 0.7s;}
.cpne ul li p .a2:hover {color: #0256ac;}
.cpne ul li:hover {box-shadow: 0 0 10px #ccc;}
@media screen and (max-width:1550px){
	.cpne{ width:95%;}
}
@media screen and (max-width:875px){
.cpne{ width:100%}
.cpne ul li{ width:32.9%}	
.cpne ul li:nth-child(7){ display:none}
.cpne ul li:nth-child(8){ display:none}
}
@media screen and (max-width:734px){
.cpne ul li{ width:49.5%}	
.cpne ul li:nth-child(7){ display: block; float:left}
.cpne ul li:nth-child(8){ display:block; float:left}
}
@media screen and (max-width:521px){
	.cpne ul li{ width:98%; margin-left:1%; margin-right:1%}
	.cpne ul li p{ width:80%; left:10%}	
	.cpne ul li p .a2{ display: block; font-size:12px}
}
.about {background: url('../images/about_bg.jpg') no-repeat center;height:520px;}
.about .center {padding-top:20px;box-sizing: content-box; max-width:1300px; margin:0 auto}
.about .center .left {  width:48%; float: left}
.about .center .left .p1 {font-size: 31px;font-weight: bold;font-stretch: normal;line-height: 34px;letter-spacing: 0px; color: #0256ac;}
.about .center .left .p2 {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 14px;letter-spacing: 0px;color: #999999; margin-top: 16px; text-transform:uppercase}
.about .center .left .p3 {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #333333;text-indent: 2rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top:40px;margin-bottom:50px;}
.about .center .left .button {width: 148px;height: 39px;background-color: #E70012;border-radius: 19px;text-align: center;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 39px;
letter-spacing: 0px;color: #ffffff;}
.about .center > img {float: right; width: 600px;height:338px;}
.about_ys{ background:url(../images/xx.jpg) repeat; margin-top:27px; padding:2% 0}
.about_ys ul { }
.about_ys ul li {text-align: center;float: left;width: 398px;}
.about_ys ul li img {vertical-align: top;}
.about_ys ul li .r {display: inline-block;text-align: left;margin-left: 10px;}
.about_ys ul li .r .p1 { font-size: 22px;font-weight: normal; font-stretch: normal;line-height: 22px;letter-spacing: 0px;color: #ffffff;}
.about_ys ul li .r .p2 {font-family: Arial;font-size: 22px;font-weight: normal;font-stretch: normal;line-height: 22px;letter-spacing: 0px;color: #7aacdf;margin-top: 16px;}
.about_ys ul li:hover img { -webkit-animation: float 3s ease-in-out infinite;-o-animation: float 3s ease-in-out infinite;animation: float 3s ease-in-out infinite;}
@media screen and (max-width:1310px){
	.about .center { width:95%}
}
@media screen and (max-width:1249px){
	.about .center > img{ width:40%}
	.about_ys ul li{ width:33%}
}
@media screen and (max-width:740px){
	.about{ height:auto; padding-bottom:1%}
	.about .center .left{ width:95%; margin:0 auto; float:none}
	.about .center > img{ display:none}
}
@media screen and (max-width:493px){
.about_ys ul li img{ height:48px}
.about_ys ul li .r{ text-align:center; margin-left:0; display:block}
.about_ys ul li .r .p1{ font-size:18px}
}
/* ~~~~~~~ INIT. BTN ~~~~~~~ */
.button.dark { --background: #2F3545;--shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);--shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);}
.button.white {--background: #fff; --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);--shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);}
.button {--text: #fff;--font-size: 16px; --duration: 0.5s; --move-hover: -4px;font-family: 'Roboto';font-weight: 500;display: block;outline: none;border: none;cursor: pointer;text-decoration: none;letter-spacing: 0.5px;box-shadow: var(--shadow);-webkit-transform: translateY(var(--y));transform: translateY(var(--y));
transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;transition: transform var(--duration) ease, box-shadow var(--duration) ease;transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
.button span {display: flex; display: block;text-align: center;}
.button span i {display: block; -webkit-backface-visibility: hidden;backface-visibility: hidden;font-style: normal; display: inline-block;}
.button span i:nth-child(1) {--d: 0.05s;}
.button span i:nth-child(2) { --d: 0.1s;}
.button span i:nth-child(3) {--d: 0.15s;}
.button span i:nth-child(4) { --d: 0.2s;}
.button span i:nth-child(5) {--d: 0.25s;}
.button span i:nth-child(6) { --d: 0.3s;}
.button span i:nth-child(7) {--d: 0.35s;}
.button span i:nth-child(8) {--d: 0.4s;}
.button span i:nth-child(9) { --d: 0.45s;}
.button span i:nth-child(10) { --d: 0.5s;}
.button span i:nth-child(11) {--d: 0.55s;}
.button:hover {--y: var(--move-hover);--shadow: var(--shadow-hover);--move: -4px;--shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);}
.button:hover i {-webkit-animation: move var(--duration) linear var(--d);animation: move var(--duration) linear var(--d);}
.button.smoke {--move: 12px;--move-y: -8px; --blur: 4px;}
.button.smoke:hover i {--duration: 1s;-webkit-animation: smoke var(--duration) linear var(--d); animation: smoke var(--duration) linear var(--d);}
.button.drive { --move: 16px;--skew: 25deg;--skew-fast: 40deg;--skew-bounce: -12px;}
.button.drive:hover i {--duration: 1s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;-webkit-animation: drive var(--duration) linear var(--d);animation: drive var(--duration) linear var(--d);}
@-webkit-keyframes move {
  40% {-webkit-transform: translateY(var(--move));transform: translateY(var(--move));text-shadow: var(--shadow-active);}
}
@keyframes move {
  40% { -webkit-transform: translateY(var(--move));transform: translateY(var(--move));text-shadow: var(--shadow-active);}
}
@-webkit-keyframes smoke {
  45%,
  55% {-webkit-filter: blur(var(--blur)); filter: blur(var(--blur)); }
  50%,
  50.1% {opacity: 0; }
  25%,
  75% {-webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(var(--move)) translateY(var(--move-y));transform: translateX(var(--move)) translateY(var(--move-y));  }
  50.1% { -webkit-transform: translateX(calc(var(--move) * -1));transform: translateX(calc(var(--move) * -1));}
}
@keyframes smoke {
  45%,
  55% {-webkit-filter: blur(var(--blur));filter: blur(var(--blur));}
  50%,
  50.1% {opacity: 0;}
  25%,
  75% {-webkit-transform: translateX(0);transform: translateX(0);}
  50% {-webkit-transform: translateX(var(--move)) translateY(var(--move-y));transform: translateX(var(--move)) translateY(var(--move-y));}
  50.1% { -webkit-transform: translateX(calc(var(--move) * -1));transform: translateX(calc(var(--move) * -1));}
}
@-webkit-keyframes drive {
  40% {opacity: 1;}
  55% { -webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% { -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1)); }
  55%,
  56% { opacity: 0; }
  75% { -webkit-transform: skewX(var(--skew)); transform: skewX(var(--skew));}
  85% { -webkit-transform: skewX(var(--skew-bounce)); transform: skewX(var(--skew-bounce));}
}
@keyframes drive {
  40% {opacity: 1;}
  55% { -webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% { -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));}
  55%,
  56% { opacity: 0;}
  75% { -webkit-transform: skewX(var(--skew));transform: skewX(var(--skew));}
  85% { -webkit-transform: skewX(var(--skew-bounce));transform: skewX(var(--skew-bounce)); }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.hf{ width:100%; margin:0 auto} 
.hf img{ width:100%}
.h1{ display:none}
.h2{ display:none}
@media screen and (max-width:940px){
.h0{ display:none}
.h1{ display:block}
}
@media screen and (max-width:530px){
	.h1{ display:none}
	.h2{ display:block}
}
/**/
.w1200{ width:100%; margin:0 auto; height:auto; background:#F3F3F3}
.w1200_xw{ width:1400px; margin:0 auto}
.xw_a1{width: 396px; }
.xw_a1 li a.img{display: block;}
.xw_a1 li a.img img{height: 410px;width: 396px;}
.xw_a1 li h3{padding: 0 18px;box-sizing: border-box;background: #2c99ff;}
.xw_a1 li h3 a{display: block;color: #fff;font:500 16px/69px "";background: url(../images/afgh.png) no-repeat right center;}
.xw_a2{width:989px;margin-left: 11px;}
.xw_a2 li{width: 319px;height: 233px;box-sizing: border-box;padding: 33px 22px 19px 35px;background: #fff;float: left;margin-bottom: 13px; margin-right:1%}
.xw_a2 li h2{ height:50px; overflow:hidden; width:100%}
.xw_a2 li h2 a{display: block;color: #303030;font:600 16px/46px "";}
.xw_a2 li h3{color: #747474;font:500 14px/22px "";margin-top: 5px;border-bottom: 1px solid #e2e1e1;padding-bottom: 15px;}
.xw_a2 li h4{margin-top: 18px;}
.xw_a2 li h4 span{color: #959799;font:500 14px/20px "";display: inline-block;float: left;}
.xw_a2 li h4 span b{display: block;color: #959799;font:500 32px/35px "";}
.xw_a2 li a.xw_moweew{ background: url(../images/agfhgh.png) no-repeat right bottom;display: inline-block;float: right;height: 55px; width: 30px;}
.xw_a2 li:hover{box-shadow: 0 0 10px #c6c6c6;}
.xw_a2 li:hover h2 a{color: #2c99ff;}

@media screen and (max-width:1410px){
.w1200_xw{ width:95%}
.xw_a1{ width:30%}
.xw_a1 li a.img img{ width:100%}
.xw_a2{ width:68%; margin-left:2%}
.xw_a2 li{ width:32.3%}
.xw_a2 li h3{ height:33px; overflow:hidden}
}
@media screen and (max-width:960px){
.xw_a1{ display:none}	
.xw_a2{ width:100%; margin-left:0}
.xw_a2 li{ height:auto; padding:1% 1%}
.xw_a2 li h2{ height:40px}
}
@media screen and (max-width:690px){
.xw_a2 li h3{ height:40px;}
}
@media screen and (max-width:470px){
.xw_a2 li{ width:49%;}
.xw_a2 li h3{ height:58px}
}
@media screen and (max-width:470px){
.xw_a2 li{ width:100%; padding:4%}
.xw_a2 li h3{ height: auto}
.xw_a2 li h4{ display:none}
}

.section-title {margin-bottom:15px;text-align: center;font-size: 40px; color:#FFF}
.section-title:after {background-color: #c9313d;width: 30px;height: 1px;display: block;content: '';margin: 10px auto 0;}
.section-title strong {color: #e70012;font-size:60px;line-height: 1;}
.section-title p {margin: 0;font-size: 24px;}

.conter{ max-width:1400px; margin:0 auto}
.ys-box { background: url(../images/ys_bg.jpg) no-repeat center; padding:1% 0}
.ys-con {background: url(../images/ys1.jpg) no-repeat center;}
.ys-con ul {margin-left:50%; height: 410px;}
.ys-con li {float: left;width: 50%;margin-top: 30px;}
.ys-con li h4 {margin: 0;font-size: 20px;}
.ys-con li p {margin: 10px 0 0;line-height: 1.8;}
@media screen and (max-width:954px){
	.ys-con{ background: url(../images/ys1.jpg) no-repeat right}
	.ys-con ul{ margin-left: auto; margin:0 auto; width:70%}
}
@media screen and (max-width:685px){
.ys-con ul{ margin-left: auto; margin:0 auto; width:98%; margin-left:2%}	
}
@media screen and (max-width:487px){
.ys-con{ background: url(../images/ys1.jpg) repeat right; height:600px}
.ys-con li{ width:100%; text-align:center; float:none; margin-top:0; margin-bottom:10px}
.section-title{ font-size:30px}	
.section-title strong{ font-size:60px}
.section-title p{ font-size:22px}
}

#main{ max-width:1300px; margin:0px auto; padding:10px 4px 0 4px}
@media only screen and (max-width:1310px) {
#main{ width:95%}	
}

#left{ width:20%;float:left; margin-right:1.5%}
.title11{ height: 109px;width: 100%; position: relative;background: #F9C700;}
.title11 .p1{position: absolute; width: 100%;text-align: center; line-height: 116px;font-size:55.5px; color: #BF9808;opacity: 0.08;text-transform:uppercase; font-family: fantasy;left: 0;top: 0;z-index: 1;}
.title11 .p2{ position: absolute; width: 100%;height: 137px;text-align: center;line-height: 116px; font-size:26px;color: #ffffff; left: 0;top: 0;z-index: 2; font-weight: 600;}
.title11 .p2 a{ color:#FFF}
.cpfl1{ padding-top:13px;  margin-bottom:2%; border-left:1px #e4e4e4 solid; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid}
.cpfl1 li{height:40px;line-height:40px;background:#ededed; margin-bottom:9px;border-bottom:1px #ededed solid; width:95%; overflow:hidden; margin-left:2.5%; margin-right:2.5%}
.cpfl1 li i{ float:left; padding-top:13px; padding-right:5px; padding-left:15%}
.cpfl1 li a{ height:40px; overflow:hidden; padding-left:9% }

.lxwm1{ width:98%;border:1px #e4e4e4 solid; border-top:1px #e4e4e4 solid}
.lxwm1 p{ height:30px; line-height:30px; padding-left:11px}

#iright{ width:77%; float:right; margin-top:5px;}
@media only screen and (max-width:1150px) {
#left{ width:25%;}
#iright{ width:72%;}	
}
@media only screen and (max-width:990px) {
#left{ width:30%;}
#iright{ width:68%;}	
}
@media only screen and (max-width:780px) {
#left{ display:none}
#iright{ width:100%}
}

.content{ line-height:28px;  padding:10px 0}
.index{height:40px; line-height:40px;  font-weight:bold;font-family:"΢ÈíÑźÚ"; border-bottom:3px #CCCCCC double; background:url(../images/addr.png) no-repeat 5px 12px}
.index h2{ float:left; font-size:16px; padding-left:30px}
.index span{ float:right; font-size:14px; padding-right:10px}
.index span a{ }
.index span a:link{ }
@media only screen and (max-width:500px) {
.index h2{ display:none}
}

#wrap{ width:100%; margin:0px auto; background:url(../images/box_bg.jpg) repeat; padding-top:5px; padding-bottom:5px}

#ileft{ width:220px; margin:0px auto; border:4px solid #e4e4e4; background-color:#F9F9F9; margin-right:12px; float:left; margin-top:5px}

.productlist dl{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%}
.productlist dl dt{ width:100%}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.productlist dl dd{ height:35px; line-height:35px; text-align:center}
.productlist dl dd a{ height:35px; line-height:35px}
.page { margin:0px auto;padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px; margin-bottom:1%}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media only screen and (max-width:1200px) {
.productlist dl{ width:32%}
}
@media only screen and (max-width:620px) {
.productlist dl{ width:48%; margin-left:1%; margin-right:1%}
.content img{ width:70%}
}

.title{text-align:center; line-height:40px; font-size:22px; color:#000000; font-family:"΢ÈíÑźÚ"; font-weight:bold}
.info{max-width:380px;height:28px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#000; font-size:14px}

.newslist{}
.newslist ul{ list-style-type:none}
.newslist ul li{ border-bottom:1px dotted #ccc}
.newslist ul li a{ font-size:14px; font-weight:bold; color:#000; font-family:"΢ÈíÑźÚ"}
.newslist ul li span{ float:right}
.newslist ul li p{ font-size:14px; font-family:"΢ÈíÑźÚ"}
.newslist ul li p a{ color:#ccc; float:right; color: #390; font-size:12px}

.news dl{ border-bottom:1px #cecece solid; margin-bottom:4px; padding:3px 3px}
.news dl dt{ height:32px; line-height:32px;}
.news dl dd{ line-height:22px}


.xw3_top{width:100%; height:40px; margin-bottom:10px; border-bottom:1px #CCCCCC dotted}
.xw3_top h2{  height:40px;  float:left; }
.xw3_top span{ float:right; font:16px/40px ""; padding-right:10px;} 

.inewslist{padding:5px; background:url(../images/box_bg.jpg) repeat}
.inewslist dl{ list-style-type:none;}
.inewslist dl dt{ line-height:34px; height:34px; border-bottom:1px dotted #cccccc}
.inewslist dl dt a{ text-decoration:none; color:#414141; background:url(../images/gg_li.gif) no-repeat left center; padding-left:15px}
.inewslist dl dt span{float:right; width:80px; height:34px; line-height:34px; overflow:hidden}
.inewslist dl dt a:hover{ color:#0358A8}


.fl{ float:left}
.fr{ float:right}

/*news*/
.news{  overflow: hidden;}
.new_con{margin-top: 50px; max-width:1400px; margin:0 auto}
.new_l{width: 55%;overflow: hidden;}
.new_l h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/adv_arr_l.png) no-repeat -24px 1px; padding-left: 19px;}
.new_l h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_l h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;background-color: #d4151c;height: 20px;width: 60px;line-height: 20px;text-align: center;}

.imgt{ height: auto}
.imgt li{float: left;height: 200px;width:49%;background-color: #FFF;overflow: hidden;position:relative;}
.imgt li:nth-of-type(2n){ float:right}
.imgt li img{width: 100%;cursor: pointer;transition: all 0.6s;position:absolute;}
.imgt li img:hover{transform: scale(1.3);}
.imgt li h3{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.5);color: #FFF;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: normal;overflow: hidden;}

.new_list{ overflow: hidden; margin-top:1%}
.new_list ul li{ margin-bottom:5px; width: 49%; overflow: hidden; float: left; height: 53px; background: #F2F2F3;}
.new_list ul li:nth-of-type(2n){ float: right;}
.new_list ul li i{ display: inline-block; float: left; width: 50px; height: 53px; background: #d2d2d2; text-align: center; color: #fff; font-family: Arial; font-size: 10px;}
.new_list ul li i span{ display: block; font-size: 24px; line-height: 100%;font-weight: bold; padding-top:7px;}
.new_list ul li em{display: block;line-height: 53px;float: left;padding-left: 15px;overflow: hidden;font-size: 16px;color: #333;height: 53px;width:50%;}
.new_list ul li:hover i{ background: #bc1218;}

.new_r{ width:43%; }
.new_r h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/n_r1.jpg) no-repeat 80px 1px;}
.new_r h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_r h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;line-height: 20px;background-color: #d4151c;text-align: center;height: 20px;width: 60px;}
.new_r dl{height: 125px;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-left: 36px;background: url(../images/n_q.jpg) no-repeat;}
.new_r dt a{display: inline-block;font-size: 16px;color: #333333;line-height: 25px;line-height: 25px;font-weight: normal;margin-bottom: 10px;height: 25px;overflow: hidden;}
.new_r dl:hover a{ color: #d4151c;}
.new_r dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;height: 70px;overflow: hidden;}
.new_s{}
.new_s h4{font-weight: normal;line-height: 100%;height: 40px;overflow: hidden;}
.new_s h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_s h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;line-height: 20px;background-color: #d4151c;text-align: center;height: 20px;width: 60px;}
.new_s ul li{height:31px;line-height:31px;white-space: nowrap;text-overflow: ellipsis;background: url(../images/n_i.jpg) no-repeat 0 6px;width: 100%;}
.new_s ul li span{display: inline-block;float: right;font-size: 13px;color: #999;width:20%;text-align: right;}
.new_s ul li p{float: left;font-size: 14px;color: #333;overflow: hidden;width:78%;}
.new_s ul li:hover p{color: #d4151c;}
/**/
@media only screen and (max-width:1410px) {
.new_con{ width:95%;}
}
@media only screen and (max-width:880px) {
	.new_s ul li span{ display:none}
}
@media only screen and (max-width:770px) {
.new_l{ width:100%}
.new_r{ display:none}
}
@media only screen and (max-width:432px) {
.imgt li{ width:100%; float:none}
.imgt li:nth-child(2){ display:none}
.new_list ul li{ width:100%}
.new_list ul li em{ width:70%}
}

.lx_bj{background: #f6f6f6;height: 160px;box-sizing: border-box;}
.lx_c{position: relative;padding-left:32px;overflow: hidden;box-sizing: border-box;height: 160px; max-width:1300px; margin:0 auto}
.lx_c li{float:left;padding-right:8%;padding-top:49px;}
.lx_c li i{display: block;font-size:0;line-height: 0;}
.lx_c li span{display: block;font-size:14px;padding-top:20px;}
.lx_c li span em{display:inline-block;}
.lx_c li:nth-child(2){padding-right:35%;}
.lx_c li:last-child{padding-right:0;}
.lx_c p{position: absolute;left:45%;top:15px;}
.lx_c p img{border:1px solid #e3e3e3;}
@media only screen and (max-width:1310px) {
.lx_c{ width:95%}
.lx_c{ padding-left:0}

}
@media only screen and (max-width:1111px) {
.lx_bj{ display:none}
}

        .footWrap{background:url(../images/ft_bj.jpg) repeat center top;height: auto;
    background-size: 100% 100%;overflow:hidden;font-family:"Microsoft Yahei";box-sizing: border-box;}
        .footer{max-width:1400px;margin: 0 auto; position: relative;padding-top:13px;}
        .ft_nav{height:45px;border-bottom:1px solid rgba(255,255,255,0.1);color: #3b3a3a;overflow:hidden;}
        .ft_nav a{font-size:18px;color: #fff;line-height: 45px;display: inline-block;float:left; width:14%; text-align:center}
        .ft_nav a:hover{border-bottom:3px solid #ffc600;}
        .ft_a{float:left;width:13%;background: url(images/ft_x.png) no-repeat right 13px;margin-right:50px;}
        .ft_a h4 a{display: block;height: 38px;line-height: 38px;font-size:18px;color: #fff;}
        .ft_a li a{display: block;height:24px;line-height: 24px;font-size:14px;color: #c5c5c5}
        .ft_a:last-child{margin:50px 0 0;}
        em,i{font-style:normal;}

.ft_l{float:left;width:20%;background: url(images/ft_x.png) no-repeat right 13px;margin-right:50px;}		
.ft_l h4 a{display: block;height: 38px;line-height: 38px;font-size:18px;color: #fff;}
.ft_l p{ line-height:26px; color:#FFF}
div#aaa {width: 18%;}
div#aaa li {float: left; width: 50%;}
.ewm{float:left;width:8%;background: url(images/ft_x.png) no-repeat right 13px;margin-right:50px; margin-left:3%}
.ewm h4 a{display: block;height: 38px;line-height: 38px;font-size:18px;color: #fff;margin-bottom:8px;}
.ewm img{ width:100%}
@media only screen and (max-width:1310px) {
	.footer{ width:95%}
}
@media only screen and (max-width:1145px) {
	.ft_l{ width:18%; margin-right:1%}
	.div#aaa{ width:15%}
	.ft_a{ margin-right:3%}
}
@media only screen and (max-width:1024px) {
	.ewm{ display:none}
	div#aaa{ width:42%}
	}
@media only screen and (max-width:798px) { 
	.ft_l{ width:28%; margin-left:2%}
	.ft_a{ width:19%; }
	div#aaa{ width:82%; margin-top:1%; height: auto; padding-bottom:20px;} 
}
@media only screen and (max-width:603px) {
.ft_nav{ display:none}
.ft_l{ display:none}
.ft_a:nth-child(1),.ft_a:nth-child(2),.ft_a:nth-child(3),.ft_a:nth-child(4){ display:none}
div#aaa{ width:100%}
div#aaa li{ width:47%; line-height:35px; border:1px #312E2E solid; margin-right:1.5%; margin-bottom:1%; text-align:center}
.ft_a{ margin-top:15px; height:auto; margin-bottom:15px}
.ft_a li a{ height:35px; line-height:35px}
}

 .lk_bj{border-top:1px solid rgba(255,255,255,0.1);}
 .link{margin:0 auto 0;line-height:70px;box-sizing:border-box;position:relative;z-index: 2;}
 .link span{font-size: 14px;color:rgba(255,255,255,0.4);display: inline-block;}
 .link a {color:rgba(255,255,255,0.4);font-size: 14px;padding:0 2px;}
.copyright{ margin:0px auto;  line-height:22px; color:#FFF}
.copyright a{ color:#FFF}
.copyright a:link{ }

.fxdb{display:none}
@media screen and (max-width:480px) {
	.footWrap{ margin-bottom:60px}
.fxdb{display: block;background:#F5F5F5;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:80;_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+440));border-top:1px #cccccc solid;color: #fff;}
.fxdb li{float:left;width:45%;list-style: none;  text-align: center;color:#065AD7;position:relative; border:1px #065AD7 solid;border-radius:22px; line-height:44px; font-size:14px; margin:8px 2%}
.fxdb li a{display:block;width:100%;color:#065AD7; font-size:17px; text-align:center}
.fxdb li img{ height:28px; margin:8px 0 8px 20px; float:left;}
.fxdb li:nth-child(2){background:#065AD7; color:#fff;}
.fxdb li:nth-child(2) a{color:#fff;}
}